<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">

		</style>
	</head>
	<body>		
		<aside>
		</aside>
		<header>
			
		</header>
		<!-- 搜索区 -->
		<section class="search">

		</section>
		<!-- 大图区 -->
		<section class="banner">
			<div class="center">
				<div id="goodschart">
					<div id="sec">
						<h4>有品推荐 </h4>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p class="tuijian">
								
							</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
					</div>

					<div id="sec">
						<h4>有品推荐 </h4>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>
						<div class="tag">
							<div>
								<b>精选...</b>
								<span>></span>
							</div>
							<p>小爱音响 经典酒饮 吸顶灯 数字系列 真无线</p>
						</div>

					</div>
				</div>
				<!-- ===========================================导航栏 ====================================-->
				<div id="nav">
					<ul>
						<li><span>有品推荐</span> / <span>手机数码</span></li>
						<li><span>小米电视</span> / <span>影音娱乐</span></li>
						<li><span>大家电</span> / <span>厨卫电视</span></li>
						<li><span>生活家电</span> / <span>个护电器</span></li>
						<li><span>智能家庭</span> / <span>美食酒饮</span></li>
						<li><span>家具家装</span> / <span>电脑办公</span></li>
						<li><span>出行车品</span> / <span>服装配饰</span></li>
						<li><span>手表首饰</span> / <span>户外运动</span></li>
						<li><span>医疗健康</span> / <span>日用百货</span></li>
						<li><span>美妆个护</span> / <span>鞋靴箱包</span></li>
						<li><span>母婴亲子</span> / <span>家纺厨具</span></li>
						<li><span>宠物生活</span> / <span>生活酷玩</span></li>
						<li><span>有品海淘</span> / <span>日常元素</span></li>
					</ul>
				</div>
				<!--=================== 轮播图 区===============================================-->
				<div id="changeBanner">
					<ul id="img">					
					</ul>
					<input id="btn-previous" type="button" />
					<input id="btn-next" type="button" />
					<ul id="dian">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
		</section>
		<!-- ====================================五图区============================================== -->
		<section class="fiveImgs">
			<div class="center">
				<ul class="bigbox">
					<li><a href=""><img src="imgs/new.png" style="width: 80px;height: 80px;"></a>
						<p>上新精选</p>
					</li>
					<li><a href=""><img src="imgs/mi_zc.png" style="width: 80px;height: 80px;"></a>
						<p>小米众筹</p>
					</li>
					<li><a href=""><img src="imgs/secondKill.png" style="width: 80px;height: 80px;"></a>
						<p>有品秒杀</p>
					</li>
					<li><a href=""><img src="imgs/lifeStar.png" style="width: 80px;height: 80px;"></a>
						<p>生活优选</p>
					</li>
					<li><a href=""><img src="imgs/mi_zy.png" style="width: 80px;height: 80px;"></a>
						<p>小米自营</p>
					</li>
				</ul>
			</div>
		</section>
		<!-- =============================小米有品众筹区 =================================== -->
		<section class="mi_zc">
			<div class="center">
				<div class="titlebox add">
					<h2 id="subtitle">小米有品众筹<span>永远好奇 永远年轻</span></h2>
					<span id="more">
						<span>更多</span><a href=""></a>
					</span>
				</div>
				<!-- 众筹图片区 -->
				<div id="img_zc">
					<div class="zc_left">
						<div>
							<p class="p1">麒麟无卡度陀飞轮</p>
							<p class="p2">无卡度全自动陀飞轮机芯、精雕麒...</p>
							<p class="p3"><span>￥</span>
								<span class="money">5999</span>
							</p>
							<img src="imgs/watch.png" style="width: 215px;height: 215px;">
						</div>
						<div class="support">
							<div class="redline">
								
							</div>
							<p><span>97<b>人支持</b></span>  <span>69%</span></p>

						</div>

					</div>
					<!-- 中间 -->
					<div class="zc_middle">
						<div id="">
							<p class="p1">透明客制机械键盘</p>
							<p class="p3"><span>￥</span>
								<span class="money">999</span>
								<span>起</span>
							</p>
							<img src="imgs/keybord.png" style="width: 130px;height: 130px;">

						</div>
						<div class="support">
							<div class="redline">								
							</div>
							<p><span>89<b>人支持</b></span>   <span>52%</span></p>

						</div>
					</div>
					<!-- 右边 -->
					<div class="zc_right">
						<div id="">
							<p class="p1">温感小气泡黑头仪</p>
							<p class="p3"><span>￥</span>
								<span class="money">199</span>
								<img src="imgs/heitouyi.png" style="width: 130px;height: 130px;">
							</p>
						</div>
						<div class="support">
							<div class="redline">
								
							</div>
							<p><span>5441 <b>人支持</b> </span>   <span>100%</span></p>

						</div>

					</div>
				</div>

			</div>
		</section>
		<!--======================= 小米有品秒杀======================================== -->
		<section class="mi_ms">
			<div class="center">
				<div class="titlebox">
					<h2 id="subtitle">有品秒杀</h2>
					<p><img src="./imgs/clock.png" style="width: 20px;height: 20px;">
						<span id="clock">00:00场</span><span class="countdown">00</span>: <span
							class="countdown">00</span>:<span class="countdown">00</span>
					</p>
					<span id="more">
						<span>更多</span><a href=""></a>
					</span>
				</div>

				<div id="bigMs">
					<input id="btn-previous2" type="button" />
					<input id="btn-next2" type="button" />
					<div id="imgsbox">

						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/yao.jpg">
							</div>
							<div class="info">
								<p class="p1">高含量红袋鼠精华</p>
								<p class="p3"><span>￥</span><span class="money">128</span>
									<span>起</span><del>￥256</del>
							</div>
						</div>

						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/bingxiang.jpg">
							</div>
							<div class="info">
								<p class="p1">云米130L双门冰箱</p>
								<p class="p3"><span>￥</span><span class="money">749</span>
									<del>￥1499</del>
							</div>
						</div>
						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/shouchaun.jpg">
							</div>
							<div class="info">
								<p class="p1">石榴手串</p>
								<p class="p3"><span>￥</span><span class="money">295</span>
									<span>起</span><del>￥598</del>
							</div>
						</div>
						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/yaoguo.jpg">
							</div>
							<div class="info">
								<p class="p1">知味轩大罐装</p>
								<p class="p3"><span>￥</span><span class="money">138</span>
									<del>￥268</del>
							</div>
						</div>
					</div><!-- da -->
				</div>
			</div>
		</section>

		<!-- 每日新品 ========================================-->
		<section class="mi_ms">
			<div class="center">
				<div class="titlebox">
					<h2 id="subtitle">每日新品<span>每天10点 惊喜不断</span></h2>
					<span id="more">
						<span>更多</span><a href=""></a>
					</span>
				</div>

				<div id="bigMs">
					<div id="imgsbox">
						<input id="btn-previous2" type="button" />
						<input id="btn-next2" type="button" />
						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/beizi.jpeg">
							</div>
							<div class="info" id="infor">
								<p class="p1">厚上珐琅杯送毛巾</p>
								<p class="p2">专利珐琅工艺，抗酸耐腐蚀，进...</p>
								<p class="p3"><span>￥</span><span class="money">99</span>
							</div>
						</div>
						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/xichenqi.png">
							</div>
							<div class="info" id="infor">
								<p class="p1">小米多功能吸尘器</p>
								<p class="p2">各种地板，全面驾驭，无死角360°...</p>
								<p class="p3"><span>￥</span><span class="money">999</span>
							</div>
						</div>
						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/jianpan.jpeg">
							</div>
							<div class="info" id="infor">
								<p class="p1">米物68键机械键盘</p>
								<p class="p2">蓝牙/有线双模，紧凑68键全键...</p>
								<p class="p3"><span>￥</span><span class="money">199</span>

							</div>
						</div>
						
						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/erji.jpeg">
							</div>
							<div class="info" id="infor">
								<p class="p1"> Redmi Buds3</p>
								<p class="p2">轻巧真无线，猫耳稳固设计，蓝...</p>
								<p class="p3"><span>￥</span><span class="money">99</span>
							</div>
						</div>
						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/erji.jpeg">
							</div>
							<div class="info" id="infor">
								<p class="p1"> Redmi Buds3</p>
								<p class="p2">轻巧真无线，猫耳稳固设计，蓝...</p>
								<p class="p3"><span>￥</span><span class="money">99</span>
							</div>
						</div>
						<div id="datacontain">
							<div id="imgcontainer">
								<img src="./imgs/erji.jpeg">
							</div>
							<div class="info" id="infor">
								<p class="p1"> Redmi Buds3</p>
								<p class="p2">轻巧真无线，猫耳稳固设计，蓝...</p>
								<p class="p3"><span>￥</span><span class="money">99</span>
							</div>
						</div>
					</div>

				</div>
			</div>
		</section>

		<!-- 精选好礼 =============================================-->
		<section class="gift">
			<div class="center">
				<div>
					<h2 id="subtitle">精选好物</h2>
				</div>
				<div id="market">
					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/xiedian.jpg">
								<p class="p4">隐形增高，缓震解压</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">弹力缓震除臭鞋垫</p>
	
								<p class="p3"><span>￥</span><span class="money">25</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>
					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/shujia.png">
								<p class="p4">多场景使用，可拆卸折叠</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">多功能折叠小桌板</p>
	
								<p class="p3"><span>￥</span><span class="money">88</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>
					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/caier.png">
								<p class="p4">智能采耳价格技术双革命</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">智能可视采耳棒</p>
	
								<p class="p3"><span>￥</span><span class="money">88</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>
					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/matongquan.png">
								<p class="p4">三档调温安全加热</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">小鲸洗调坐便盖</p>
	
								<p class="p3"><span>￥</span><span class="money">269</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>

					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/toukui.jpg">
								<p class="p4">安全的重量，可以很轻</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">牛小哥头盔</p>
								<p class="p3"><span>￥</span><span class="money">98</span><span>起</span>
								<p></p>
							</div>
						</div>
	
					</div>
					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/shujuxian.png">
								<p class="p4">小米6Atype-C快充数据线1m</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">小米快充数据线</p>
	
								<p class="p3"><span>￥</span><span class="money">15</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>

					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/tuoxie.jpg">
								<p class="p4">室内室外运动拖鞋</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">LOGO运动拖鞋</p>
	
								<p class="p3"><span>￥</span><span class="money">25</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>

					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/matong.png">
								<p class="p4">脚触冲水、UVC喷杆杀菌</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">抗菌智能马桶</p>
	
								<p class="p3"><span>￥</span><span class="money">1225</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>

					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/shuihu.jpg">
								<p class="p4">四重分层空间，中层防水</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">多功能胸包</p>
	
								<p class="p3"><span>￥</span><span class="money">78</span><span>起</span>
								<p></p>
							</div>
						</div>
	
					</div>
					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="imgs/shouchaun.jpg">
								<p class="p4">天然材质，恒温舒适</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">低调，奢华，上档次</p>
	
								<p class="p3"><span>￥</span><span class="money">225</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>
					<div class="boxx">
						<div id="datacontain2">
							<div id="imgcontainer">
								<img src="./imgs/shouji.png">
	
								<p class="p4">Redmi最强小金刚</p>
							</div>
	
							<div class="info">
								<div id="icon">
									<img src="imgs/manjian.png">
									<img src="imgs/7day.png">
								</div>
								<p class="p1">Note 11 Pro</p>
	
								<p class="p3"><span>￥</span><span class="money">1999</span><span>起</span>
								<p></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- 尾部 -->
		<footer>
		</footer>
		<div id="global">
			
		</div>
	</body>
</html>

<link rel="stylesheet" type="text/css" href="css/resets.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script src="js/jQuery.js"> </script>
<script src="js/cookieTools.js"></script>
<script type="text/javascript">
	$("header").load("header.html"); /* 头部封装引入 */
	$(".search").load("search.html"); /* 搜索区封装引入 */
	$("footer").load("footer.html"); /* 尾部封装引入 */
	$("aside").load("aside.html"); /* 侧导航栏封装引入 */
	console.log(getCookie("name"));
	
</script>

<script src="js/main.js"></script>
<script src="js/lunbotu.js"> </script>

